h1 tags + color

verena / 2010-02-07 19:17:09   

Hi,
I just changed my logo from a jpg to h1 and h2 tags. I then edited the h1 and h2 tags in my css style sheet and gave h1 the color red:
color:#990000;
and the h2 tag the color black:
color:#000000;

Still they both show up in grey in my Firefox Browser. When I check it in Safari the colors are right. I refreshed the site etc. but there is no change.
Any idea what I did wrong?

Thanks for help!
V.

http://www.verenapostweiler.de/Webpage

Vaska A / 2010-02-07 19:20:25   

That's because they are links...so even though you have styled the h1/h2 the link rule comes afterwards and applies the link rules. So, you could do something like this to style h1/h2 links...

  1. h1 a:link { ... }
  2. h1 a:hover { ... }
  3. h1 a:active { ... }
  4. h1 a:visited { ... }

And then add whatever rules you want for the various states of things.

Looks like you've never done web work before? You seem to be doing pretty well so far...congrats.

verena / 2010-02-07 21:44:43   

Great, that works fine!
Thanks for the quick help, Vaska!
V.

p.s. and yes, I'm only starting with web, that's why I'm v e r y thankful for indexhibit...

verena / 2010-06-25 07:43:11   

Me again,
I have a problem with my h2 tags. I gave every headline a h2 tag and then styled the h2 in my stylesheet. I want a padding from the top, so the text starts at the same hight as the first section title in the menu. I did this before and it worked fine, now I change the value of the padding-top in my style sheet back and forth and nothing changes. Any idea, what might be wrong? I have no clue...
Thanks.
V.
Webpage

ntlk / 2010-06-25 09:45:02   

Try changing margin instead of padding, sometimes it works like that for me...

verena / 2010-06-25 10:09:39   

cooool, that worked! Thanks a lot!
V.

This thread has been closed, thank you.